<!DOCTYPE html>
<html lang="en">

<head>
    <base href="/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        {% block title %}

        {% endblock %}
    </title>
    <script src="static/js/jquery-3.5.1.min.js"></script>
    <script src="static/js/global-functions.js"></script>
    <script src="static/js/heatmap.js"></script>
    <script src="static/js/utils.js"></script>
    <link rel="stylesheet" href="static/css/index.css">
</head>

<body>
    <!-- < 根据 baseapp.py 中的 routes 模板变量创建一系列超链接 -->
    {% for route in routes %}
    <a href="{{ route.href }}" class="edit-link">{{ route.text }}</a>
    {% endfor %}
    <div style="position: absolute; top: 10px; right: 10px;">
        <span>{{ username }}</span>
        <button onclick="confirmLogout()">{{ _("Logout") }}</button>
    </div>

    
    <div>
        {% with messages = get_flashed_messages() %}
        {% if messages %}
        <ul class="flashes">
            {% for message in messages %}
            <li>{{ message }}</li>
            {% endfor %}
        </ul>
        {% endif %}
        {% endwith %}
    </div>

    {% block header %}
        <!-- 在此处添加标题... -->
    {% endblock %}

    {% block content %}
        <!-- 在此处添加内容... -->
    {% endblock %}
    
</body>

</html>